$colorRed: #D43B3B;
$backColor: #232A37;
$colorYellow: #DCB976;

/*开奖公告*/
.lotteryModular {
  //width: 1346px;
  //width: 1200px;
  //margin: 0 auto;
  margin-top: -47px;
  position: relative;
  z-index: 5;
}
.lotNotice {
  height: 48px;
  background: $backColor;
  .lotNoticeLeft {
    flex: 1;
    background: $colorRed;
  }
  .lotNoticeRight {
    width: 338px;
  }
}
.lotArticle {
  font-size: 15px;
  color: #fff;
  text-align: left;
  text-shadow: 0 0 4px rgba(255,117,117,0.50);
  line-height: 48px;
  section {
    &.title {
      padding: 0 10px;
      width: 130px;
      text-align: center;
      p {
        display: inline-block;
        padding-left:30px;
        background: url("../../../assets/images/home/notice.png") left 15px no-repeat;
        background-size: 24px auto;
      }
    }
    &.annMarquee {
      //width: 780px;
      //float: right;
      flex: 1;
      overflow: visible;
      p {
        display: inline-block;
        margin-right:10px;
        &:last-child{
          margin-right: 0;
        }
      }
    }
  }
}
.lotNoticeRight {
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  text-shadow: 0 0 4px rgba(255,117,117,0.20);
  position: relative;
  padding-left:15px;
  section {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    line-height:36px;
    i {
      margin-top: 5px;
    }
  }
  span {
    display: inline-block;
    font-size: 24px;
    color: $colorYellow;
    margin-right:4px;
    font-family: 'HansHandItalic';
  }
  &:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 48px solid $colorRed;
    position: absolute;
    top: 0;
    left: -39px;
  }
}

/*推荐彩种*/
.lotList {
  background: $backColor;
}
.lotImgList {
  height: 229px;
  ul {
    li {
      width: 225px;
      height: 229px;
      //float: left;
      flex: 1;
      overflow: hidden;
      position: relative;
      img {
        width: auto;
        height: 116%;
        margin: 0 auto;
      }
      .creditDiv {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -41px;
        p {
          color: #fff;
          text-align: center;
          line-height: 26px;
          &:first-of-type {
            font-size: 18px;
          }
          &:nth-of-type(2) {
            padding-bottom: 8px;
            font-size: 12px;
          }
          &:last-of-type {
            background: $colorRed;
            height: 41px;
            line-height: 41px;
          }
        }
      }
      &:hover {
        cursor: pointer;
        .creditDiv {
          bottom: 0;
          transition: all .2s linear;
        }
      }
    }
  }
}

.lotWining {
  width: 338px;
  display: inline-block;
}
.lotAllLottery {
  padding:0 10px;
  ul {
    li {
      width: 25%;
      float: left;
    }
  }
}
.lotteryCls {
  flex: 1;
}
.allLotArticle {
  padding: 10px;
  aside {
    font-size: 16px;
    color: $colorYellow;
  }
  section {
    height: 80px;
    padding-top: 5px;
    p {
      background: rgb(38,47,58);
      line-height: 30px;
      font-size: 12px;
      color: #fff;
      display: inline-table;
      padding: 0 15px;
      margin: 2px 10px 6px 0;
      &:hover {
        cursor: pointer;
        background: $colorRed;
        color: #fff;
      }
    }
  }
}

/*中奖通知*/
.lotWining {
  background: url('../../../assets/images/home/lottery/index_red_bg.png') bottom center no-repeat,#232A37;
  background-size: 100% auto;
}

.lotWinTop {
  width: 100%;
  height: 38.2%;
  opacity: 0.9;
  background: #232A37;
  padding: 15px 24px;
}

.lotteryOrTitle {
  font-size: 16px;
  color: #E0C182;
  letter-spacing: 0;
  line-height: 40px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
}

.lotteryOrList {
  height: 150px;
  overflow: hidden;
  ul {
    li {
      font-size: 12px;
      color: #ECD7A5;
      line-height: 30px;
      background: url('../../../assets/images/home/announcementLottery/icoPhone.png') left center no-repeat;
      background-size: 16px auto;
      padding-left: 22px;
    }
  }
}

/*二维码*/
.lotWinBottom {
  width: 100%;
  height: 61.8%;
  position: relative;
  .lotWinRWM {
    width: 140px;
    background: #fff;
    padding-bottom:10px;
    float: right;
    position: absolute;
    right: 20px;
    bottom: 30px;
    .canvas{
      width: 100%!important;
      height: 140px!important;
    }
    .downloadImg{
      padding: 10px;
      width: 100%;
      height: 140px;
    }
  }
  .lotWinSection {
    padding: 0 15px;
    text-align: center;
    margin-top:-8px;
    p {
      display: inline-table;
      font-size: 16px;
      color: #190F2E;
      line-height: 20px;
      height: 20px;
    }
    img {
      width: 15px;
      position: relative;
      top: 1px;
    }
  }
}
